﻿@charset "utf-8";
/* CSS Document */

/*  Reset for some default browser CSS - General */

body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button {
	margin: 0; padding: 0; border: 0; list-style: none;
}

a {
	text-decoration: none;
	color: #961b25;
}

a:hover {
	color: #6f92a7;
}

:focus {
	outline: 0;
}

h1, h2, h3 {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; 
	font-weight: normal;
} 

h2 {
	font-size: 22px;
	line-height: 28px;
}

.float {
		float:left;
	}
	
body {
	background: #f6f6ee url(/Images/custom_theme/bg.jpg);
	font-family : "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 12px;
	height: 100%;
	}	

html
{
	height: 100%;
}

/*******************************************************************/
/* Sections */
/*******************************************************************/
#main_center {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
		width: 960px;
		background-color: White;
	}
	#main_left
	{
		float: left;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
		background-color: black;
	}
	#main_right
	{
		float: left;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
		background-color: black;
	}
/*****************************************************************/
/* Header - Logo */
/*****************************************************************/
#logo_block
{
     background-color: white; 
     height: 140px; 
     width: 960px; 
     margin: 0 auto;
}

#logo_image
{
    margin-left: 10px;
	padding-top: 10px;
}
#slogan
{
    font-size: 16px;
	font-weight: bold;
	font-style: oblique;
	margin-left: 10px;
}

/***************************************************************/
/* Header - Navigation */
/***************************************************************/
#nav_block
{
	background: #3c3c3c url(/Images/custom_theme/bg_head.jpg);
	-moz-box-shadow: inset 0px -2px 3px #480508;
	-khtml-box-shadow: inset 0px -2px 3px #480508;				
	-webkit-box-shadow: inset 0px -2px 3px #480508;
	box-shadow: inset 0px -2px 3px #480508;
	border-bottom: 1px solid #fffffb;
	height: 70px;
	width: 960px;
	display: block;
	margin: 0 auto;
}

#nav_menu
{
    display: inline;
}
#nav_block ul
	{
	    display: inline;
	    margin:0;
		padding: 0;
		zoom: 1;
		float: right;
	}
	#nav_block ul li
	{
	    float: left;
	    font-size: 14px;
	}
	#nav_block a
	{
	    display:inline-block;
		padding:10px;
		color: White;
	}
	#nav_block a:hover
	{
	    color: #F8F85F;
	}
	
.ui-body-c, .ui-overlay-c
{
    color: #333; !important;
    text-shadow: 0 0px 0 white;
}
/***************************************************************/
/* Header - Command Items */
/***************************************************************/
#command_block
{
    width:960px; 
    margin: 10px auto; 
    background-color: white
}

#command_block span
{
     float: left; 
     width: 700px; 
     margin-left: 50px;
}

#command_block span ul
{
     list-style: none; 
     float: left;
}
#command_block#socialmedia
{
    list-style: none; 
    float: right; 
    margin-right: 50px;
}
#command_block li
{
    display: inline;
    margin: 0px 5px;
}


/**********************************************************************/
/* Movie Display Block
/*******************************************************************/
#movies
{
	width:100%;
	text-align:center;
}
#movieContent
{
	border-spacing: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float: left;
}
#movieContent #frame {
		width: 385px;
		min-height: 130px;
		background: rgb(255,255,255); /*rgba ie fix*/
		background: rgba(255,255,255,0.75);
		border: 1px solid rgb(255,255,255); /*rgba ie fix*/
		-moz-border-radius: 10px;				
		-khtml-border-radius: 10px;				
		-webkit-border-radius: 10px;	
		border-radius: 10px;	
		-moz-box-shadow: 0px 0px 5px #c6c6bf;				
		-khtml-box-shadow: 0px 0px 5px #c6c6bf;				
		-webkit-box-shadow: 0px 0px 5px #c6c6bf;
		box-shadow: 0px 0px 5px #c6c6bf;			
		margin: 30px 15px 20px 15px;
		padding: 15px;
		cursor: pointer;
		 background-color: #f6f6ee;
	}
	#movieContent #shortDescription 
	{
	    font-style:oblique;
	}
	#movieContent #frame:hover {
		background: rgb(255,255,255); /*rgba ie fix*/
	}
	
	#movieContent h2 {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 10px 0;
	}
	#movieContent span {
		font-size: 12px;
		font-weight: bold;
	}
	
/*****************************************************************/
/* footer */
/********************************************************************/
.push {
			height: 4em;
			clear: both;
		}
/******************************************************************/
/* end customs */
/******************************************************************/

img {
			border: 5px solid rgb(255,255,255); /*rgba ie fix*/
			border: 5px solid rgba(255,255,255,0.75);
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-box-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0px 0px 5px #c6c6bf;
			-khtml-box-shadow: 0px 0px 5px #c6c6bf;
			-webkit-box-shadow: 0px 0px 5px #c6c6bf;
			box-shadow: 0px 0px 5px #c6c6bf;
		}

/* Main container */	

#main_content {	
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	min-height: 100%;
	height: auto !important;
    height: 100%;
}
	
/* Footer */
	
	footer.bottom  {
		clear: both;
		display:block;
		margin: 30px 15px;
		border-top: 1px solid #c9c9c0;
		padding-top: 20px;
	    height: 141px;
	}
	
	footer.bottom p {
	text-align: center;
	color: #b6b6ab;
	}